<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

</head>

<body>

<!--  / header  -->
<div class="header">
  <div class="header_map">
    杭州<img src="images/header_map.png" width="15">
  </div>
  <div class="header_shop">扫一扫<img src="images/ewm_icon.png" width="20"></div>
</div>
<!--  / header  -->

<div class="banner">
  <div class="swiper-container swiper-container-banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="images/banner_1.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_2.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_3.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_4.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_5.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_6.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_7.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_8.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_9.jpg" width="100%"></div>
        <div class="swiper-slide"><img src="images/banner_10.jpg" width="100%"></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination swiper-pagination-banner"></div>
  </div>
</div>

<!--  / warpper  -->
<div class="warpper">

<div class="index_active">
	<img src="images/index_active.png" width="100%">
	<div class="index_active_icon">
		<img src="images/huanghuangde.gif">
		<span>尚阳</span>
	</div>
</div>

<div class="index_sec1 clearfix">
	<div class="index_sec1_list">
		<img src="images/img_home_bg2.png" width="100%">
		<h4>服务商家</h4>
		<div class="index_sec1_list_zi">
			<h5>健康养老</h5>
			<p>颐养天年 乐享生活</p>
			<img src="images/img_home_logo2.png">
		</div>
	</div>
	<div class="index_sec1_list">
		<img src="images/img_home_bg1.png" width="100%">
		<h4>劳务市场</h4>
		<div class="index_sec1_list_zi">
			<h5>长寿秘籍</h5>
			<p>养生秘方 让你百岁</p>
			<img src="images/img_home_logo1.png">
		</div>
	</div>
	<div class="index_sec1_list last">
		<img src="images/img_home_bg1.png" width="100%">
		<h4>更多服务</h4>
		<div class="index_sec1_list_zi">
			<h5>活力健身</h5>
			<p>游遍山水 活出精彩</p>
			<img src="images/img_home_logo1.png">
		</div>
	</div>
</div>

<div class="index_sec2">
	<img src="images/index_tg_bg.png" width="100%">
</div>


</div>
<!--  / warpper  -->


<!--  / footer  -->
<div class="footer">
  <ul class="clearfix">
    <a href="index.html">
    <li class="on">
        <div class="footer_img footer_img1">
            <img src="images/ic_home_home_gray.png">
            <img src="images/ic_home_home_yellow.png">
        </div>
        <span>主页</span>
    </li>
    </a>
    <a href="stroy1.html">
    <li>
        <div class="footer_img footer_img1">
            <img src="images/ic_home_yishu_gray.png">
            <img src="images/ic_home_yishu_yellow.png">
        </div>
        <span>老故事</span>
    </li>
  </a>
  <a href="bigStage.html">
    <li class="ind_share_btn">
        <div class="footer_img footer_img2">
            <img src="images/ic_dibutiao_shandu_gray.png">
            <img src="images/ic_dibutiao_shandu_yellow.png">
        </div>
  </li>
  </a>
  
  <a href="JavaScript:void(0);" id='getOrder'>
    <li id="goOrder">
        <div class="footer_img footer_img1">
            <img src="images/ic_home_dingdan_gray.png">
            <img src="images/ic_home_dingdan_yellow.png">
        </div>
        <span>订单</span>
  </li>
    </a>
    
    <a href="JavaScript:void(0);" id='getUser'>
    <li id="goUser">
      <div class="footer_img footer_img1">
            <img src="images/ic_home_geren_gray.png"> 
            <img src="images/ic_home_geren_yellow.png"> 
      </div>  
        <span>我的</span>
    </li>
    </a>
  </ul>
</div>
<!--  / footer  -->

</body>
<script>

goOther();

$(window).ready(function(){

$('.banner').height($(window).width()*400/750);

var mySwiper_banner = new Swiper ('.swiper-container-banner', {
    loop: true,
    pagination: '.swiper-pagination-banner',
	autoplay : 5000,
	autoplayDisableOnInteraction : false,
})

  
})  
</script>
</html>
